<template>
	<view class="card">
		<view class="">
			<u--image :showLoading="true"
				src="https://images.unsplash.com/photo-1631049552057-403cdb8f0658?ixlib=rb-1.2.1&auto=format&fit=crop&w=800&q=80"
				width="180rpx" height="150rpx"></u--image>
		</view>
		<view class="right">
			<view class="title">

				<view class="titleText">
					万腾•御景城东区
				</view>
			</view>
			<view class="title2">
				<text class="jiner">76.56</text>
				<text class="jinerb">万</text>
				<text class="jiners">5800元/㎡</text>
			</view>
			<view class="title3">
				<view class="">
					3室2厅/132平米/精装修
				</view>
				<view class="">
					2025-02-15
				</view>
			</view>
			<view class="tag">
				<view class="tag-item">
					房东直卖
				</view>
				<view class="tag-item">
					魏州小学
				</view>
				<view class="tag-item">
					魏州中学
				</view>

				<view class="tag-item">
					满五年
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			item: {
				type: Object,
				default: () => {
					return {}
				},
			}
		},
		methods: {
			handleClick() {
				uni.navigateTo({
					url: `/pages/PropertyDetail/PropertyDetail?id=${this.id}`, // 使用 id 作为参数
				});
				this.$emit("click");
			},
		},
	};
</script>

<style lang="scss" scoped>
	.card {

		border-radius: 12rpx;
		padding: 15rpx 0;
		display: flex;

		.right {
			margin-left: 25rpx;
			width: 100%;

			.title {
				display: flex;
				align-items: center;




				.titleText {
					width: 60%;
					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;
					font-size: 38rpx;
					font-weight: bold;
				}
			}

			.title2 {
				padding: 10rpx;

				.jiner {
					font-size: 38rpx;
					font-weight: bold;
					color: #ff0000;
					margin-right: 5rpx;
				}

				.jinerb {
					font-size: 22rpx;
					font-weight: bold;
					color: #ff0000;
					margin-right: 5rpx;
				}

				.jiners {
					font-size: 22rpx;
					font-weight: bold;
					color: #999;
				}
			}

			.title3 {
				display: flex;
				justify-content: space-between;
				align-items: center;
				margin-bottom: 15rpx;
				font-size: 22rpx;
				color: #999;
			}

			.tag {
				display: flex;

				.tag-item {

					font-size: 22rpx;
					color: #999;
					padding: 2rpx 8rpx;
					border: 1rpx solid #999;
					margin-right: 10rpx;
				}
			}
		}


	}
</style>